<!DOCTYPE html>
<html>
<head>

<title> {% block title %} 
	{% if TITRE_PAGE %}
	{{ TITRE_PAGE }}
	{% else %}
		"TITRE DE LA PAGE"
	{% endif %}
{% endblock %} </title>

{% block style %}
	<link rel="stylesheet" href="/static/contact/style/base.css" />
	<link rel="stylesheet" href="/static/contact/style/menu_bar.css" />
{% endblock %}

{% block scripts %}
{% endblock %}

</head>
<body>
	<div id="contenu">
        <div id="bandeau">
            <ul id="logo_titre">
                <li>
                    {% block logo %}
					<img src='/static/img/LOGO.png'>
                    {% endblock %}
                </li>

			{% block header %}
                <li>
				<h1 id="titre">
				{% if TITRE_PAGE %}
					{{ TITRE_PAGE }}
				{% else %}
					"TITRE DE LA PAGE"
				{% endif %}
				</h1>
                </li>
			{% endblock %}
			{% block header_droit %}
                <li>
                    <p> Connexion </p>
                    <p> Deconnexion </p>
                </li>
			{% endblock %}
            </ul>
        </div>

		{% block nav %}
			<div id="menu">
					{% if menu_items %}
					<ul id="menu-bar">
					{% for item, label, sub_menu in menu_items %}
						<li> <a href="{{ item }}">{{ label }}</a> 
							{% if sub_menu %}
								<ul>
								{% for i2, l2 in sub_menu %}
								<li> <a href="{{ i2 }}">{{ l2 }}</a> </li>
								{% endfor %}
								</ul>
							{% endif %}
						</li>
					{% endfor %}
					</ul>
					{% endif %}
			</div>
		{% endblock %}

		<div id="wrapper_content">
			{% block content %}
			<!-- CONTENT -->
			{% endblock %}
			<div id="contenudroite"></div> </div>
		</div>

		{% block footer %}
			<div id="footer">

				{% block pagine %}
				<!-- PAGINATION -->
				<div> </div>
				{% endblock %}

				{% if PUB_DATE %}
				<p id="pub_date">
				Date du publication : {{ PUB_DATE }}
				</p>
				<time datetime="{{ PUB_DATE }}" pubdate="pubdate"></time>
				{% endif %}
			</div>
		{% endblock %}
</body>
</html>
